<!doctype html>
<html lang="zh-cn">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <style>
        html,
        body {
            height: 100%;
        }

        body {
            margin: 0;
            font-size: 1rem;
            color: #262626;
            background-color: #fff;
        }

        .flash {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 80%;
        }

        .message {
            display: flex;
            flex-direction: column;
            align-self: center;
            max-width: 400px;
            font-size: 1.75rem;
            color: #666;
        }

        .alert {
            display: inline-block;
            /* font-size: 1.75rem; */
        }

        .hr-wavy {
            border: 0;
            color: #d0d0d5;
            height: .5em;
            white-space: nowrap;
            letter-spacing: 100vw;
            padding-top: .5em;
        }

        .hr-wavy::before {
            content: "\2000\2000";
            /* IE浏览器实线代替 */
            text-decoration: overline;
            /* 现代浏览器 */
            text-decoration: overline wavy;
        }
        #js-back {
            display: block;
            padding: 1rem 0;
        }
    </style>
    <title><?= $this->pageInfo['title']; ?></title>
</head>

<body>
    <div class="flash">
        <div class="message">
            <div>
                <?php flash() ?? '' ?>
                <hr class="hr-wavy">
            </div>
            <div>
                <a id="js-back" href="javascript:;" title="返回">
                    <svg t="1653030047358" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2642" width="32" height="32">
                        <path d="M114.066286 512c0 10.715429 4.717714 20.571429 13.293714 28.708571l284.562286 284.16c8.996571 8.137143 18.011429 11.995429 27.867428 11.995429 21.430857 0 37.705143-15.433143 37.705143-36.864 0-10.294857-3.84-20.571429-10.715428-27.008l-95.561143-97.700571-144.859429-131.584 104.137143 6.436571H872.228571c22.290286 0 37.723429-15.853714 37.723429-38.144 0-22.290286-15.433143-38.144-37.723429-38.144H330.496l-103.716571 6.436571 144.438857-131.584 95.561143-97.700571c7.296-6.875429 10.715429-16.731429 10.715428-27.008 0-21.430857-16.274286-36.864-37.705143-36.864-9.874286 0-19.291429 3.437714-28.708571 12.873143L127.341714 483.291429c-8.576 8.137143-13.293714 17.993143-13.293714 28.708571z" p-id="2643" fill="#666666"></path>
                    </svg>
                </a>
            </div>
        </div>
    </div>
    <script>
        let btn = document.getElementById("js-back");
        btn.onclick = function() {
            document.referrer === "" ? (window.location.href = "/") : window.history.back();
        }
    </script>
</body>

</html>